export function TodoFilters({setFilter}:any) {
    const width = 150

    return (
        <>
            <div style={{width: width, display: "flex", justifyContent: "space-around"}}>
                <button onClick={()=>setFilter('all')}>全部</button>
                <button  onClick={()=>setFilter('active')}>待办</button>
                <button  onClick={()=>setFilter('completed')}>已办</button>
            </div>

        </>
    );
}